    <div class="box-section collections">


    <div class="box-section product-wide-slider">
        <div class="container">
            <div class="row">

                <div id="product-wide-slider-un" class="carousel slide" data-ride="carousel">
                  <!-- Wrapper for slides -->
                    <div class="carousel-inner">

                        <div class="item active">
                            <div class="row">
                                <% @products.at_home.each do |product| %>
                                    <div class="col-lg-2 col-md-3 col-sm-4 col-xs-6 product-wide-slider-item">
                                        <%= hidden_field_tag :product_id, product.id, :id => nil %>

                                        <div class="product-pic">
                                            <a href="<%= product_path(product.id) %>"><%= image_tag product.photo(:home) unless product.photo.blank? %></a>
                                        </div>
                                        <p class="product-name"><%= product.model %></p>
                                        <p class="product-category"><%= product.brand.name %>, <%= show_categories product.categories, 20 %></p>
                                    </div>
                                <% end %>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div> <!-- end section div.product-wide-slider -->



</div>
</div>